<template>
	<div id="markdown">
		<markdown-it-vue class="md-body" :content="content"/>
	</div>
</template>
<script>
	import MarkdownItVue from 'markdown-it-vue'
	// import Markdown from '@/assets/vue-toasted.md'
	export default{
		name:'markdown',
		components:{
			MarkdownItVue
		},
		data(){
			return{
				msg:'this is markdown page',
				content: '# misterYang'
			}
		},
		methods:{

		},
		created () {
			
		},
		mounted(){
			let blocks = document.getElementById('markdown').querySelectorAll('pre code')
			blocks.forEach((block) => {
				hljs.highlightBlock(block)
			})
		}
	}
	
</script>
<style scoped lang="scss">

</style>